<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>天狗网</title>
    <link rel="stylesheet" href="./font_86b67g3jl4wbfbt9/iconfont.css">
    <style media="screen">
        * {margin: 0;padding: 0;font-size: 0.16rem;}
        #menu {position: fixed;left: 0;right: 0;bottom: 0;background-color: #ffffff;height: 1rem;z-index: 100}
        #menu>ul {display: flex;height: 1rem;justify-content: space-around;border-top: 2px solid #ccc}
        #menu>ul>li {list-style: none;text-align: center;padding-top: 0.15rem;height: 1rem;flex-grow: 1}
        #menu ul li a{display: block;font-size: 0.25rem;text-decoration: none;color: #1d1d1d;height: 100%;width: 100%}
        #menu ul li a i{font-size: 0.4rem;color: #1d1d1d;}
        #menu ul li.xiu a{padding-top: 0.1px}
        #yifu{position: fixed;bottom: 0.2rem;left: 50%;margin-left: -0.4rem;border: 2px solid #ccc;z-index: 100;border-radius: 50%;width: 1rem;height:1rem;}
        #zin{width:0.96rem;height: 0.90rem;background-color: #fff;position: fixed;bottom: 0.3rem;left: 50%;margin-left: -0.35rem;z-index: 999;text-align: center;border-radius: 50%;line-height: 0.9rem}
        #zin i{font-size:0.55rem;display: inline-block;}
        #menu ul li.xiu a p{margin-top: 0.48rem}
    </style>
</head>
<body>
    <div class="content" style="display: flex;flex-direction: column;padding-bottom:1rem"></div>
    <div id="yifu">
    </div>
    <div id="menu">
        <ul>
            <li>
                <a href="#home">
                    <i class="icon iconfont icon-shangchang"></i>
                    <p>逛商场</p>
                </a>
            </li>
            <li>
                <a href="#city">
                    <i class="icon iconfont icon-icon-yxj-city"></i>
                    <p>城市惠</p>
                </a>
            </li>
            <li class="xiu">
                    <a href="#clothes">
                        <div id="zin">
                            <i class="icon iconfont icon-yifu"></i>
                        </div>
                        <p>试衣秀</p>
                    </a>
            </li>
            <li>
                <a href="#collect" class="shop">
                    <i class="icon iconfont icon-shoucang"></i>
                    <p>收藏间</p>
                </a>
            </li>
            <li>
                <a href="#mine" class="me">
                    <i class="icon iconfont icon-wode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="./libs/requirejs.js" data-main="main" async="true" defer></script>
<script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if(clientWidth>=640){
                    docEl.style.fontSize = '100px';
                }else{
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
</html>
